<include file="public@header" />
</head>
<body>
<div class="wrap js-check-wrap">
    <ul class="nav nav-tabs">
        <li class="active"><a href="{:url('room/index')}">所有班级</a></li>
        <li><a href="{:url('room/add')}">添加班级</a></li>
    </ul>
    <form class="well form-inline margin-top-20" method="get" action="{:url('room/index')}">
        学校名称:
        <select class="form-control" style="width: 200px;" name="school_id" >
            <option value="0">|--请选择学校--|</option>
            <foreach name="school" item="vo">
                <php>$selectedSchool = $vo['id'] == $school_id?"selected":"";</php>
                <option value="{$vo.id}" {$selectedSchool}>{$vo.name}</option>
            </foreach>
        </select>
        班级名称:
        <input type="text" class="form-control" name="name" style="width: 140px;" value="{$Request.param.name}" placeholder="请输入班级名称">
        <input type="submit" class="btn btn-primary" value="搜索" />
        <a class="btn btn-danger" href="{:url('room/index')}">清空</a>
    </form>
    <div class="form-group"  >
        <button  class="btn btn-danger "  onclick="delAll()">删除全选</button>
    </div>
    <table class="table table-hover table-bordered">
        <thead>
        <tr>
            <th width="16"><label><input type="checkbox" class="js-check-all" data-direction="x"
                                         data-checklist="js-check-x"></label></th>
            <th width="40">ID</th>
            <th>班级名称</th>
            <th>量化总分</th>
            <th>所属学校</th>
            <th width="160">{:lang('ACTIONS')}</th>
        </tr>
        </thead>
        <tbody>
        <foreach name="room" item="vo">
            <tr>
                <td><input type="checkbox" class="js-check" data-yid="js-check-y" data-xid="js-check-x" name="ids[]"
                           value="{$vo.id}"></td>
                <td>{$vo.id}</td>
                <td>{$vo.name}</td>
                <td>{$vo.total}</td>
                <td>{$vo.school_name}</td>
                <td>
                    <a class="btn btn-xs btn-primary" href='{:url("room/detail",array("id"=>$vo["id"]))}'>明细</a>
                    <a class="btn btn-xs btn-primary" href='{:url("room/edit",array("id"=>$vo["id"]))}'>{:lang('EDIT')}</a>
                    <a class="btn btn-xs btn-danger js-ajax-delete" href="{:url('room/delete',array('id'=>$vo['id']))}">{:lang('DELETE')}</a>
                </td>
            </tr>
        </foreach>
        </tbody>
    </table>
    <div class="pagination">{$page}</div>
</div>
<script src="__STATIC__/js/admin.js"></script>
<script src="__STATIC__/layui/layui.all.js"></script>
<script>
    layui.use(['laydate','form'], function(){
        var laydate = layui.laydate;
        var form = layui.form;

        //执行一个laydate实例
        laydate.render({
            elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#end' //指定元素
        });
        // 监听全选
        form.on('checkbox(checkall)', function(data){

            if(data.elem.checked){
                $('tbody input').prop('checked',true);
            }else{
                $('tbody input').prop('checked',false);
            }
            form.render('checkbox');
        });
    });

    //多选删除
    function delAll() {
        var ids = [];

        //获取选中的id
        $('tbody input').each(function (index,el) {
            if ($(this).prop('checked')){
                ids.push($(this).val())
            }
        });
        layer.confirm('确认要删除吗?',function (index) {
            //捉到所有被选中的，发异步进行删除
            $.ajax({
                url: "{:url('room/delAll')}",
                type: "POST",
                data: {ids:ids},
                success: function (res) {
                    if (res.code == 200){
                        layer.msg(res.msg,{icon:1});
                        setTimeout(function () {
                            location.reload();
                        },1500);
                    } else {
                        layer.msg(res.msg);
                        return false;
                    }
                }
            });
        });
    }
</script>
</body>
</html>